/* @media screen and (min-width:0\0) */

@charset'utf-8';
@import'../../open_scss/theme';
@import'../../open_scss/color';
@import'../../open_scss/model';

.membership{
	padding: 100px 0;
	min-height: 400px;
	background-image: url("/images/ticket_bg.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
	text-align: center;
	color: $black;
	.item{
		margin-bottom: 15px;
		font-size: 13px;
		color: $silver;
	}
	.card{
		width: 80%;
		padding: 20px;
		background-color: $cyan;
		overflow: hidden;
		border-radius: 4px;
		.title{
			font-size: 30px;
			color: $white;
		}
		.intro{
			font-size: 12px;
			 color: $white;
			 line-height: 25px;
		}
	}
	button{
		border:0;
		padding: 8px 15px;
		background-color: $pink;
		color: $white;
		margin-top: 15px;
	}
	
    .pay_box {
        margin-bottom: 1.5rem;
        .pay-type-wrap {
            background-color: $grayLighter;
            color: $black;
            @include comic(.25);
            box-sizing: border-box;
            padding: .8rem 0;
            text-align: center;
            width: 100%;
            border: 0;
            display: block;
            outline: none;
            &.checked {
                background-color: $pink;
                color: $white;
            }
        }
    }
}